<template>
  <div>
    <h1>分析</h1>
    <el-table :data="tableData" style="width: 100%" height="500">
      <el-table-column type="selection" width="55" />
      <el-table-column label="Date" width="120">
        <template #default="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column property="name" label="Name" width="120" />
      <el-table-column
        property="address"
        label="use show-overflow-tooltip"
        width="240"
        show-overflow-tooltip
      />
      <el-table-column property="address" label="address" />
    </el-table>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { getTableData } from '@/api/login'
interface User {
  date: string
  name: string
  address: string
}
const tableData = ref<User[]>([])

onMounted(() => {
  console.time('getTableData')
  getTableData().then((res: any) => {
    tableData.value = res.data.list
  })
  console.timeEnd('getTableData')
})

</script>

<style scoped lang="scss">
.test{
  display: flex;
  flex-wrap: wrap;
}
</style>
